import React, {Component} from 'react';
//方法一
// class State extends Component
// {
//     state={
//         text:"收藏"
//     }
//     render()
//     {
//         let text="确认";
//         return (
//             <div>
//                 <p>欢迎来到React开发！</p>
//                 <button onClick={()=>{
//                     text="取消收藏"
//                     this.setState({
//                         text:text
//                     })
//                 }}>{this.state.text}</button>
//             </div>
//         );
//     }
// }
//方法二
class State extends Component{
    constructor() {
        super();
        this.state = {
            name: 'React',
            isLiked: false
        }
    }

    render() {
        return (
            <div>
                <h1>欢迎来到{this.state.name}的世界</h1>
                <button onClick={()=>{
                    let name="China";
                    let isLiked=true;
                    this.setState({
                        name:name,
                        isLiked:isLiked
                    })
                }}>
                    {
                        this.state.isLiked ? '❤取消' : '🖤🖤收藏'
                    }
                </button>
            </div>
        );
    }
}

export default State;
